@mixin clear-fix() {
  &:before,
  &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
}

@mixin flex-container() {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
}

// 截取圆形图片
@mixin circle-image($size) {
  width: $size;
  height: $size;
  border-radius: 50%;
}

@mixin line-height($size) {
  font-size: $size;
  line-height: 1;
}
